<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.2"></script>
		<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/body-pix@2.0"></script>

		<title>Demo App</title>
	</head>
	<body>
		<div id="app"></div>
		<script type="text/javascript">
			window.$bg = {
				count: 4,
				base: "/bg/",
				getPath(i) {
					return `${this.base}(${i}).png`;
				},
				list() {
					return Array(this.count)
						.fill(0)
						.map((_, i) => this.getPath(i));
				},
			};
		</script>
		<script type="module" src="/src/main.ts"></script>
	</body>
</html>
